<template>
	<div id="app-footer">
		<p>{{ parse("Aconitos dit Phomina") }} &copy; {{ year }}</p>
	</div>
</template>

<script lang="ts">
import { defineComponent } from "@vue/composition-api";
import { parse } from "../utils/phomita";
export default defineComponent({
	name: "app-footer",
	setup() {
		const year = new Date().getFullYear();
		return {
			year,
			parse,
		};
	},
});
</script>

<style>
#app-footer {
	text-align: center;
	color: gray;
	padding: 15px;
}
</style>
